

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  {{js href="/static/web/js/analytics.js"}}
  {{js href="/static/web/js/jquery.min.js"}}
  {{js href="/static/web/js/polyfill.min.js"}}
  {{js href="/static/web/js/fastclick.js"}}
  {{js href="/static/web/js/scripts.js"}}
  {{js href="/static/web/js/tracker.js"}}
  {{js href="/static/web/js/common.bundle.js"}}
  {{js href="/static/web/js/pages.bundle.js"}}
  {{js href="/static/web/js/slick.min.js"}}
  {{js href="/static/web/js/home.js"}}
  {{js href="/static/web/js/jweixin-1.2.0.js"}}
  {{js href="/static/web/js/wechat.v201803141700.js"}}
  {{js href="/static/web/js/gtm.js"}}
  {{js href="/static/web/js/hm.js"}}
  <!-- css -->
  {{css href="/static/web/css/styles.css"}}

  <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MGKBKT5');</script>
<!-- End Google Tag Manager -->

  <script>
  var _hmt = _hmt || [];
  (function() {
    var hm = document.createElement('script');
    hm.src = 'https://hm.baidu.com/hm.js?8dfa8fb7ffbd0407c8562282198066a6';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(hm, s);
  })();
</script>


  <title>港哥餐厅</title>

  <!-- Meta -->
  

<meta charset="utf-8">
<meta http-equiv="Content-Language" content="zh">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="">
<meta name="description" content="欢迎访问星巴克中国官网。">
<meta name="baidu-site-verification" content="u7Vir8pZFL">
<link rel="canonical" href="/">

<!-- Open graph -->
<meta property="og:site_name" content="星巴克">
<meta property="og:type" content="website">
<meta property="og:title" content="用每一杯咖啡传递星巴克独特的咖啡体验">
<meta property="og:url" content="/">
<meta property="og:description" content="欢迎访问星巴克中国官网。">
<meta property="og:image" content="">

<!-- Twitter card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="{&quot;username&quot;=>&quot;@starbucks&quot;}">
<meta name="twitter:title" content="用每一杯咖啡传递星巴克独特的咖啡体验">
<meta name="twitter:description" content="欢迎访问星巴克中国官网。">
<meta name="twitter:image" content="">

<!-- WeChat sharing -->
<script>
  var WECHAT_TITLE = '星巴克官网: 用每一杯咖啡传递星巴克独特的咖啡体验';
  var WECHAT_DESC = '欢迎访问星巴克中国官网。';
  var WECHAT_IMAGE = '/assets/images/wechat.png';
  var WCHAT_NO_GA = '';
</script>


  <!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/assets/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/assets/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/assets/favicons/manifest.json">
<link rel="mask-icon" href="/assets/favicons/safari-pinned-tab.svg" color="#ef233c">
<link rel="shortcut icon" href="/assets/favicons/favicon.ico">
<meta name="msapplication-config" content="/assets/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">



  <!-- CSS -->
  <link rel="stylesheet" href="https://www.starbucks.com.cn/assets/styles.css?201806191126">
</head>

<body class="lang-zh page-front chrome non-logged-in" ontouchstart="">
  <!-- Google Tag Manager (noscript) -->
<noscript>&lt;iframe src='https://www.googletagmanager.com/ns.html?id=GTM-MGKBKT5'
  height='0' width='0' style='display:none;visibility:hidden'&gt;&lt;/iframe&gt;</noscript>
<!-- End Google Tag Manager (noscript) -->


  <script>
var isChrome = ((navigator.userAgent.toLowerCase().indexOf('chrome') > -1) && (navigator.vendor.toLowerCase().indexOf('google') > -1) || navigator.userAgent.match('CriOS'));
if (isChrome) document.body.classList.add('chrome');
</script>

  <div id="app-view-wrapper">
    <!-- Navigation panel -->

<nav id="nav">
  <div class="container">
    <header class="header">
      <a class="logo" href="/">
        <img src="/static/index/images/logo.png">
      </a>
      <div class="primary">
  <ul>
    
    <li class="stores">
      <a id="stores-primary" href="/store">
        门店
      </a>
    </li>
    
    <li class="account">
      <a id="account-primary" href="/account"><span data-reactroot="" class="">我的帐户</span></a>
    </li>
    
    <li class="menu">
      <a id="menu-primary" href="/menu">
        菜单
      </a>
    </li>
    
  </ul>
</div>

<a href="/more" class="icon trigger" rel="nav-overlay" id="nav-menu">
  <img src="/static/web/img/icon-hamburger.svg">
  <span>更多</span>
</a>

    </header>

    
  </div>

  
</nav>

    
      <!-- Promotion banner -->
    <!-- Page content -->
    <section id="content">
      <div class="tag_ad">广告</div>
      <section class="hero">
  <div class="carousel-home slick-initialized slick-slider"><button type="button" data-role="none" class="slick-prev slick-arrow" aria-label="Previous" role="button" style="display: inline-block;">Previous</button>
    <div aria-live="polite" class="slick-list draggable"><div class="slick-track" role="listbox" style="opacity: 1; width: 1500px; transform: translate3d(-375px, 0px, 0px);"><div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" tabindex="-1" style="width: 375px;"><a id="" href="/bogo/" class="block relative" tabindex="-1"><span></span><img src="/static/web/img/homepage/bogo-kv-desktop.jpg" class="tablet-block mobile-hidden"><img src="/static/web/img/homepage/bogo-kv-mobile.jpg" class="show-mobile tablet-hidden"></a></div><div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide00" style="width: 375px;"><a id="home-campaign-1" href="{{:url('TestController/menu')}}" class="block relative" tabindex="0"><span class="animated"></span><img src="/static/web/img/featured/2018summer2/kv-beve.jpg" class="tablet-block mobile-hidden"><img src="/static/web/img/IMG_0351.JPG" class="show-mobile tablet-hidden"></a></div><div class="slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide01" style="width: 375px;"><a id="home-campaign-2" href="/bogo/" class="block relative" tabindex="-1"><span class=""></span><img src="/assets/images/homepage/bogo-kv-desktop.jpg" class="tablet-block mobile-hidden"><img src="/assets/images/homepage/bogo-kv-mobile.jpg" class="show-mobile tablet-hidden"></a></div><div class="slick-slide slick-cloned" data-slick-index="2" aria-hidden="true" tabindex="-1" style="width: 375px;"><a id="" href="{{:url('TestController/menu')}}" class="block relative" tabindex="-1"><span></span><img src="/assets/images/featured/2018summer2/kv-beve.jpg" class="tablet-block mobile-hidden"><img src="/assets/images/featured/2018summer2/kv-beve-mobile.jpg" class="show-mobile tablet-hidden"></a></div></div></div>
    
  <button type="button" data-role="none" class="slick-next slick-arrow" aria-label="Next" role="button" style="display: block;">Next</button></div>
</section>

<section class="promotion">
  <div class="wrapper fluid">
    <div class="grid columns-3 padded-2">
      <a id="home-left-campaign" href="https://tb.cn/qRzWwPw" onclick="if (window.innerWidth >= 800) this.href=&quot;https://starbucks.tmall.com/p/rd980825.htm&quot;;" target="_blank"><img src="/static/web/img/IMG_0350.JPG"></a>
      <a id="home-middle-campaign" href="https://www.starbucks.com.cn/design-studio/" target="_blank"><img src="/static/web/img/1.jpg"></a>
      <a id="home-right-campaign" href="https://www.starbucks.com.cn/about/careers/" target="_blank"><img src="/static/web/img/2.jpg"></a>
    </div>
  </div>
</section>

<script type="text/javascript">
  window._promotion_url = '/help/';
  window._promotion_content = '《星享俱乐部活动的条款和条件》、《隐私权政策》及《星巴克网站使用条款》现已更新，并自2018年6月19日起生效。请点击此处以了解有关详情。';
</script>



</section></div>


      <div id="app-notification"><div data-reactroot=""></div></div>
    

    <div id="app-loading"><div data-reactroot="" class="loading"></div></div>
    <div id="app-auth"><span data-reactroot=""></span></div>

    
  
  <!-- Navigation bottom mobile -->
  <div class="primary-mobile">
  <ul class="flex justify-around logging-in-element">
    
    <li class="home" id="home-mobile">
      <a href="/app" class="active">
        <span class="icons">
          <img src="/static/web/img/icon-home.svg">
          <img src="/static/web/img/icon-home-active.svg" class="active">
        </span>
        <div id="home-mobile">主页</div>
      </a>
    </li>
    
    <li class="stores" id="stores-mobile">
      <a href="/store">
        <span class="icons">
          <img src="/static/web/img/icon-stores.svg">
          <img src="/static/web/img/icon-stores-active.svg" class="active">
        </span>
        <div id="stores-mobile">门店</div>
      </a>
    </li>
    
    <li class="account" id="account-mobile">
      <a href="/account">
        <span class="icons">
          <img src="/static/web/img/icon-account.svg">
          <img src="/static/web/img/icon-account-active.svg" class="active">
        </span>
        <div id="account-mobile"><span data-reactroot="" class="">我的帐户</span></div>
      </a>
    </li>
    
    <li class="menu" id="menu-mobile">
      <a href="/menu">
        <span class="icons">
          <img src="/static/web/img/icon-menu.svg">
          <img src="/static/web/img/icon-menu-active.svg" class="active">
        </span>
        <div id="menu-mobile">菜单</div>
      </a>
    </li>
    
    <li class="more" id="more-mobile">
      <a class="icon trigger" rel="nav-overlay">
        <span class="icons">
          <img src="/static/web/img/icon-more.svg">
          <img src="/static/web/img/icon-more-active.svg" class="active">
        </span>
        <div>更多</div>
      </a>
    </li>
  </ul>
</div>


  <!-- Javascript -->
  <!--[if lt IE 9]><script src='https://html5shim.googlecode.com/svn/trunk/html5.js'></script><![endif]-->
<script>
  var PAGE_LANG = 'zh';
  var PAGE_TITLE = '用每一杯咖啡传递星巴克独特的咖啡体验';
  var PAGE_URL = '/';
  var SEARCH_EMPTY = '未找到结果';
  var SURVEY_URL = 'https://api.splashform.com/api';
</script>

</body>
</html>